$(function() {
    //需求1 点击a链接显示隐藏盒子
    $('#loginBox a').on('click',function(){
            //点击注册按钮
        $('#loginBox').hide()
        $('#regBox').show()
    })
    $('#regBox a').on('click',function(){
            //点击登录按钮
        $('#loginBox').show()
        $('#regBox').hide()
    })

    //登录区校验规则
    const form = layui.form
    form.verify({
        username:[
            /^[a-zA-Z0-9]{1,10}$/,
            "用户名必须1到10位数字和字母"
        ],
        password:[
            /^[a-zA-Z0-9]{6,12}$/,
            "密码必须6到12位数字和字母"
        ],

        //确认密码校验规则,密码和确认密码一致
        rePwd:function(value){
            //判断 ：密码和确认密码不一致，则报错
            let v1 = $('#regBox input[name=password]').val()
            if(value != v1){
                return "两次密码输入不一致！"
            }
        }});
    
    //需求3 注册功能
        $('#formReg').on('submit',function(e){
            e.preventDefault()
            axios({
                url:'/api/reguser',
                method:'post',
                data: $(this).serialize(),
            }).then(res=>{
                //成功回调
                console.log(res)
                if(res.data.status != 0){
                    return layer.msg(res.data.message);
                }
                //成功后提示
                layer.msg('恭喜您，注册用户成功！')
                $('#regBox a').click()
                $('#formReg')[0].reset()
               
            });

        })
        //需求4 登录功能
        $('#formLogin').on('submit',function(e){
            e.preventDefault()

            axios({
                url:'/api/login',
                method:'post',
                data: $(this).serialize(),
            }).then(res=>{
                //成功回调
                console.log(res)

                if(res.data.status != 0){
                    return layer.msg(res.data.message)
                }
                //成功，提示 存储token
                layer.msg('恭喜您！登录成功！')
                localStorage.setItem('token',res.data.token)
                //页面跳转到 index.html
                location.href = '/index.html'
            });
        })

});
